@import '../../../../scss/image';
@import '../../../../scss/colors';

.login-form-body {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    background: url(../../../../assets/img/login/bg.png) center center no-repeat;
    input,
    button {
        height: 48px;
        width: 100%;
    }
    button {
        font-size: 20px;
    }

    .from-c {
        width: 540px;
        height: 700px;
        background: rgba(32, 163, 245, 0.1);
        border:2px solid #186299;
        border-radius:8px;
        padding: 0 60px;
        position: absolute;
        box-sizing: border-box;
        // overflow: hidden;
        top: 50%;
        right: 15%;
        transform: translateY(-50%);
        .border-img{
            position: absolute;
        }
        .border-img-lt{
            left: -5px;
            top: -5px;
        }
        .border-img-lb{
            left: -5px;
            bottom: -5px;
        }
        .border-img-rt{
            right: -5px;
            top: -5px;
        }
        .border-img-rb{
            right: -5px;
            bottom: -5px;
        }
        .i-input{
            background: #124166;
            border: 2px solid #18689F;
            border-radius: 4px;
            color: #fff;
            &::-webkit-input-placeholder{
                color:#999;
            }
            &::-moz-placeholder{   /* Mozilla Firefox 19+ */
                color:#999;
            }
            &:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
                color:#999;
            }
            &:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
                color:#999;
            }
        }
        .login-btn.ant-btn-primary:not([disabled]){
            background: #50D8FF;
            color: #333;
        }
        .c-title {
            font-size: 14px;
            text-align: center;
            font-weight: normal;
            color: #fff;
        }

        .title-img {
            position: relative;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            box-shadow: 5px 5px 15px #f3f3f3;
            background: #fff;
            top: -40px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 99;
            overflow: hidden;
            img{width: 100%;height: 100%;}
        }
    }
    

    .login-form-forgot {
        float: right;
    }

    .login-logo {
        text-align: center;
        padding-bottom: 60px
    }

    ;
}

;